<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
		<!--ios是否运行创建快捷启动方式-->
		<meta content="yes" name="apple-mobile-web-app-capable">
		<!--ios顶部通知栏的样式 黑色-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<!--遇到数字不让转成电话号码格式-->
		<meta content="telephone=no" name="format-detection">
		<title>编辑名片</title>
		<div style="margin:0 auto;overflow:hidden; width:0; height: 0; display: block;">
        	<img src="img/article.png" />
    	</div>
		<script src="js/remstyle.js"></script>
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="common/js/common.js"></script>
		<script src="assets/qrcode/js/qrcode.min.js"></script>
		<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
		<link rel="stylesheet" type="text/css" href="common/css/base.css" />
		<link rel="stylesheet" href="assets/mui/css/mui.min.css">
		<link rel="stylesheet" href="common/css/animate.css" />
		<style>
			body {
				background-color: #289bf8;
			}
			
			#mycode {
				width: 3.8rem;
				height: 3.8rem;
				margin: 3.6rem auto 1.4rem;
				border: 0.38rem solid #fff;
			}
			
			p {
				text-align: center;
				font-size: 0.4rem;
				color: white;
				font-weight: bold;
			}
			/*.btn{
				width: 3.8rem;
				height: 0.8rem;
				text-align: center;
				line-height: 0.8rem;
				color: white;
				font-size: 0.30rem;
				background-image: -webkit-linear-gradient(80deg,#f5ad62,#fed182);
				margin: 0 auto;
				border-radius: 20px;
			}*/
		</style>
	</head>

	<body>
		<div style="margin:0 auto;overflow:hidden; width:0; height: 0; display: block;">
        	<img src="img/article.png" />
    	</div>
		<div id="app">
			<header id="header" class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #CCCCCC;"></a>
				<h1 class="mui-title">名片二维码</h1>
			</header>
			<div id="mycode"></div>
			<!--<div class="btn">
				长按二维码保存图片
			</div>-->
			<p>长按二维码保存图片!</p>

		</div>
	</body>
	<script>
		new Vue({
			el: '#app',
			data: {

			},
			mounted() {
				this.createCode();
			},
			methods: {
				createCode() {
					var codeUrl = 'http://www.leyouhui888.cn/card/u-home.html?business=' + CD.geturl().business;
					var qrcode = new QRCode('mycode', {
						text: codeUrl,
						width: 500,
						height: 500,
						colorDark: '#000000',
						colorLight: '#ffffff',
						correctLevel: QRCode.CorrectLevel.H
					});
				},
			}
		})
	</script>

</html>